<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>调查问卷表</title>
    <link rel="stylesheet" href="../2023.10.30.1/user.css">
</head>

<body>
    <form action="#">
        <ul>
            <li>
                <label>姓名：</label>
                <input type="text" name="name" value="hins" maxlength="4">
            </li>
            <li>
                <label>出生日期</label>
                <input type="date" name="date">
            </li>
            <li>
                <label>性别</label>
                <div>
                    <input type="radio" name="sex" id="male">
                    <label for="male">男</label>
                    <input type="radio" name="sex" id="female">
                    <label for="female">女</label>
                </div>
            </li>
            <li>
                <label>体重</label>
                <div>
                    <input type="number" name="weight" min="10" max="100">kg
                </div>
            </li>
            <li>
                <label>兴趣爱好：</label>
                <div>
                    <input type="checkbox" id="sing" name="hobby[]">
                    <label for="sing">唱歌</label>
                    <input type="checkbox" id="dance" name="hobby[]">
                    <label for="dance">跳舞</label>
                    <input type="checkbox" id="swim" name="hobby[]">
                    <label for="swim">游泳</label>
                </div>
            </li>
            <li>
                <label>颜色选择：</label>
                <input class="right" type="color" name="color" value="#ff0000">
            </li>
            <li>
                <label>上传图像：</label>
                <input class="right" type="file" name="file">
            </li>
            <li class="advise">
                <label>您的意见：</label>
                <textarea name="opinion" cols="30" rows="10" placeholder="请输入："></textarea>
            </li>
            <li class="footer">
                <input type="submit">
            </li>
        </ul>
    </form>
</body>

</html>